<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<style type="text/css">
     #box{
     	width:200px;
     	height:200px;
     	margin:0 auto;
     	border:20px solid red;
     	background-color:#666;
     }
   #box.hover{
   	background: #f0f0f0;
   	border: 10px solid red;
   	color: red;
   }

	</style>
	<script type="text/javascript">
		window.onload = function () {
		   var Obox = document.getElementById("box");
		   Obox.onmouseover = function() {
		   	Obox.className = "hover"
		   };
		  Oboxpp.onmouseout = function() {
		  	Obox.className = ""
		  }
		}
	</script>
</head>
<body>
	<div id="box">鼠标经过.移除效果显示。</div>
</body>
<script type="text/javascript">
	
</script>
</html>